import { createContext, useContext } from "react";
import store from "./index";
// 以store为初始化的值，创建 一个context对象 。对象有Provider, Consumer两个组件：
export const MyContext = createContext(store);

// 自定义的hooks:
export const useStore = () => {
  const store = useContext(MyContext); // 获取 <MyContext.Provider value={store}>提供的数据。
  if (!store) throw Error("no Store");
  // console.log(store);  // {count, doctorList, userInfo,...}
  return store;
};

// mobx-react中的Provider组件，类似的写法：
const Provider = ({ children }) => {
  return (
    <div>
      <MyContext.Provider value={store}>{children}</MyContext.Provider>
    </div>
  );
};

export default Provider;
